<!DOCTYPE html>
<html lang="zh-CN">
  <head>
  <%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>湖北省第十七届运动会成绩信息发布</title>
	<link rel="icon" href="${contextPath}static/favicon.png" type="image/x-icon" />
	<link rel="shortcut icon" href="${contextPath}static/favicon.png" />
    <link href="${contextPath}static/css/bootstrap.min.css" rel="stylesheet">
    <link href="${contextPath}static/css/font-awesome.min.css" rel="stylesheet">
    <link href="${contextPath}static/css/sportPublic.css?v=1" rel="stylesheet">
    <style>
    .mysporttable { float: right;}
    .box-slider .box-slider-move { right: ${PXnum}; left:auto;}
    .box-slider-people .box-slider-move { right: ${PXnum}; left:auto;}
    </style>

    <script src="${contextPath}static/js/jquery-1.12.4.min.js?v=4"></script>
    <script src="${contextPath}static/js/bootstrap.min.js?v=4"></script>
    <script src="${contextPath}static/js/jquery.michiweber.table-head-fixed.js?v=4"></script>
    <script src="${contextPath}static/js/jquery-boxSlider2.js?v=4"></script>
    <script src="${contextPath}static/localijs/hhBase64.js?v=4"></script>
    <script src="${contextPath}static/localijs/App.js?v=7"></script>
    <script src="${contextPath}static/js/combinetabletd.js?v=4"></script>

     <script language="javascript">
    $(document).ready(function () {
    	  // chrome 浏览器直接加上下面这个样式就行了，但是ff不识别
    	  $('body').css('zoom', 'reset');
    	  $(document).keydown(function (event) {
    	    //event.metaKey mac的command键
    	    if ((event.ctrlKey === true || event.metaKey === true)&& (event.which === 61 || event.which === 107 || event.which === 173 || event.which === 109 || event.which === 187  || event.which === 189)){
    	      event.preventDefault();
    	    }
    	  });
    	  $(window).bind('mousewheel DOMMouseScroll', function (event) {
    	    if (event.ctrlKey === true || event.metaKey) {
    	       event.preventDefault();
    	    }
    	  });
    	  setUI();
    	});
</script>
  </head>
  <body>
    <div class="big-bg"></div>
    <!-- 左边纵向导航 开始 -->
    <div class="nav-vertical">
      <div class="sport-logo">
          <img src="${contextPath}static/images/real_logo.png">

          <span class="sport-logo-txt">2026 · 孝感</span>
      </div>
      <div class="sport-menu">
        <ul class="sport-menu-list">
          <li class="active">
            <a href="${contextPath}">
              <i class="fa fa-futbol-o"></i>
              <span class="menu-li-txt">青少年体育类</span>
            </a>
          </li>
          <li>
            <a href="${contextPath}qzty">
              <i class="fa fa-universal-access"></i>
              <span class="menu-li-txt">群众体育类</span>
            </a>
          </li>
          <li>
            <a href="${contextPath}shjlb">
              <i class="fa fa-universal-access"></i>
              <span class="menu-li-txt">社会俱乐部类</span>
            </a>
          </li>
            <li>
                <a href="${contextPath}zdxs">
                    <i class="fa fa-universal-access"></i>
                    <span class="menu-li-txt">大学生类</span>
                </a>
            </li>
        </ul>
<%--         <div class="code">
          <img src="${contextPath}static/images/code.jpg" alt="">
          <span>关注湖北省<br>运动会公众号</span>
        </div> --%>
      </div>
    </div>
    <!-- 左边纵向导航 结束 -->

    <div class="sport-content col-sm-12">
      <div class="sport-content-center">
        <div class="sport-title">湖北省第十七届省运会赛程赛果</div>
        <div class="primary-content">
          <div class="primary-content-title">
            <h2>青少年体育类</h2>
            <div class="sport-tab">
              <ul class="nav nav-tabs">
                <li class="active"><a >总日程</a></li>
                <li><a >决赛成绩</a></li>
                <li><a >单项赛程</a></li>
                <li><a >纪录</a></li>
<%--               <li><a >奖牌榜</a></li>--%>
              </ul>
            </div>
          </div>
          <div class="wrapper-content">
            <div class="sport-cell">
              <table  class="table table-striped table-bordered mysporttable-hd peopletable-hd table-fixed-head" id="headTable" data-table-fixed-head-trigger="170" data-table-fixed-head-top="0">
                <thead  >
                  <tr >
                    <th colspan="2">项目|日期</th>
                    <th><img src="${contextPath}static/images/medal.png" alt=""></th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td colspan="2">开/闭幕式</td>
                    <td></td>
                  </tr>

                 <c:forEach var="sublist" items="${listdata1}" >
                 <tr>
                  	  <td  style="background: ${color };">${sublist["groupName"]}</td>
                    <td>
                        <c:choose>
                            <c:when test="${sublist[\"groupName\"]==\"中学生组\" and sublist[\"name\"]==\"田径\"}">
                                <a href="${contextPath}zxs/2213" target="_blank">田径</a>
                            </c:when>
                            <c:when test="${sublist[\"groupName\"]==\"中学生组\" and sublist[\"name\"]==\"足球\"}">
                                <a href="${contextPath}zxs/2217" target="_blank">足球</a>
                            </c:when>
                            <c:otherwise>
                                <a onclick="App.ShowSingleSportInfo('${sublist['classId']}','${sublist['name']}','','${sublist["groupName"]}');"  >${sublist["name"]}</a>
                            </c:otherwise>
                        </c:choose>
                    </td>
                    <td>${sublist["value"]}</td>
                  </tr>
                 </c:forEach>
<%--                  <tr>--%>
<%--                      <td  >中学生组</td>--%>
<%--                      <td>--%>
<%--                          <a href="${contextPath}zxs" target="_blank">田径</a>--%>
<%--                      </td>--%>
<%--                      <td>${specialJnum}</td>--%>
<%--                  </tr>--%>
<%--                  <tr>--%>
<%--                      <td   >中学生组</td>--%>
<%--                      <td>--%>
<%--                          <a href="${contextPath}zxs" target="_blank">足球</a>--%>
<%--                      </td>--%>
<%--                      <td>${special2Jnum}</td>--%>
<%--                  </tr>--%>
                </tbody>
              </table>
              <div class="box-slider box-slider-people" id="jqhtml">
                  <a href="javascript:;" class="left-table-btn box-slider-seta-left"><i class="fa fa-angle-left"></i></a>
                  <div class="table-content box-slider-content table-people-content">
                      <table  id="table1" class="table table-striped table-bordered mysporttable peopletable  box-slider-move" style="z-index: 9999;min-width:820px;" >
                        <thead>
                          <tr>
                             <c:forEach var="date" items="${dateList}">
                                <th>${fn:substring(date, 5, -1)}</th>
                             </c:forEach>
                          </tr>
                        </thead>

                        </table>
                         <table style="top:-57px;clear:both;min-width:820px;"  class="table table-striped table-bordered mysporttable peopletable  box-slider-move" >
                         <thead>
                             <tr>
								 <c:forEach var="date" items="${dateList}">
									<th>${fn:substring(date, 5, -1)} </th>
								 </c:forEach>
                            </tr>
                         </thead>
                        <tbody>
                          <tr>
			                    <c:forEach var="date" items="${dateList}">
			                    	<td> <c:if test="${date == opening }"><img src="${contextPath}static/images/fireon.png" alt=""></c:if>
			                    		<c:if test="${date == closing }"><img src="${contextPath}static/images/fire.png" alt=""></c:if>
			                    	</td>
	                            </c:forEach>
                          </tr>

                          <c:forEach var="sublist" items="${listdata2}">
                          <tr>
                            <c:forEach var="mapdata" items="${dateList}" >
                                <td>
                                  <c:choose>
                                      <c:when test="${sublist.classId==2213  and sublist[mapdata]>0}">
                                          <a  class="competition" href="${contextPath}zxs/2213" target="_blank"> ${sublist[mapdata]}</a>
                                      </c:when>
                                      <c:when test="${sublist.classId==2217 and sublist[mapdata]>0}">
                                          <a  class="competition" href="${contextPath}zxs/2217" target="_blank"> ${sublist[mapdata]}</a>
                                      </c:when>
                                    <c:when test="${sublist[mapdata]>0  }">
                                        <a  class="competition" onclick="App.ShowSingleSportInfo(${sublist['classId']},'${sublist['name']}','${fn:substring(mapdata, 5, -1)}')"   >
                                            ${sublist[mapdata] }
                                        </a>
                                    </c:when>
                                    <c:when test="${sublist[mapdata]==0  }">
                                        <a  class="competition0" onclick="App.ShowSingleSportInfo(${sublist['classId']},'${sublist['name']}','${fn:substring(mapdata, 5, -1)}')">
                                        </a>
                                    </c:when>
                                </c:choose>
                                </td>
                            </c:forEach>
                          </tr>
                          </c:forEach>
<%--                          <tr>--%>
<%--                              <c:forEach var="mapdata" items="${dateList}" >--%>
<%--                                  <td>--%>
<%--                                      <c:if test="${mapdata=='2022-08-03' or mapdata=='2022-08-04' or mapdata=='2022-08-05'}">--%>
<%--                                          <a  class="competition" href="${contextPath}zxs" target="_blank">--%>
<%--                                          </a>--%>
<%--                                      </c:if>--%>
<%--                                  </td>--%>
<%--                              </c:forEach>--%>
<%--                          </tr>--%>
<%--                          <tr>--%>
<%--                              <c:forEach var="mapdata" items="${dateList}" >--%>
<%--                                  <td>--%>

<%--                                  </td>--%>
<%--                              </c:forEach>--%>
<%--                          </tr>--%>
                        </tbody>
                      </table>
                  </div>
                  <a href="javascript:;" class="right-table-btn box-slider-seta-right" ><i class="fa fa-angle-right"></i></a>
                </div>
            </div>

          </div>
        </div>
        <div class="sport-footer">
          <p>建议使用IE9及以上版本浏览器 <br>版权所有 湖北省体育局</p>
        </div>
      </div>
    </div>

    <!-- 返回顶部 开始 -->
    <div class="gototop" style="display: none;">
      <a href="javascript:;" title="返回顶部"><i class="fa fa-angle-up"></i></a>
    </div>
    <!-- 返回顶部 结束 -->

    <script>
    App.pid = 12;  //青少年体育类
    //返回顶部
    $(window).scroll(function(){
        if ($(window).scrollTop()>=200) {
            $(".gototop").fadeIn(300);
        }else{
            $(".gototop").fadeOut(300);
        }
    })
    $(".gototop").click(function(){
        $('html,body').animate({'scrollTop':'0px'},300);
    })

    $("#jqhtml").boxSlider({
        orientation: 'horizontal',
        speed: 1
    });
    var table1Top = $("#table1").offset().top;
    window.addEventListener('scroll',function(){
    	var table1 = $("#table1");
       // var scrollTop = document.documentElement.scrollTop ;
        var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
        if(scrollTop > table1Top ){
        	table1.offset({top:scrollTop});
        }else{
        	table1.offset({top:table1Top});
        }
    });

    function setUI(){
  	  $("#headTable").rowspan(0);//传入的参数是对应的列数从0开始  第一列合并相同
    }
	App.OnclickHandle('${contextPath}',12);
    </script>
  </body>
</html>
